@import '../../style/theme.less';
@import '../../style/mixins.less';
.demo-swipe {
	.fnx-swipe-item {
		height: 150px;
		line-height: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 20px;
		background-color: #39a9ed;
	}

	&__vertical-swipe {
		height: 150px;
	}

	.custom-indicator {
		position: absolute;
		right: 5px;
		bottom: 5px;
		padding: 2px 5px;
		color: #fff;
		font-size: 12px;
		background: rgba(0, 0, 0, 0.1);
	}

	&__define-swipe {
		.fnx-swipe-item:nth-child(2) {
			background-color: aqua;
		}
		.fnx-swipe-item:nth-child(3) {
			background-color: rgb(241, 173, 89);
		}
	}

	&__buttons {
		text-align: center;
		margin-top: 8px;
	}
}
